import React, { Component } from 'react'

export default class App extends Component {
  state = {
    list: ['a', 'b', 'c', 'd']
  }
  render () {
    // 推荐
    return (
      <ul>
        {
          // map 和 forEach
          // map的参数为函数，函数返回了jsx
          // map自带返回值，返回的是map的函数的返回值
          // this.state.list.map((item, index) => {
          //   return <li key={ index }>{ item }</li>
          // })
          this.state.list.map((item, index) => <li key = { index }>{ item }</li>)
        }
      </ul>
    )
  }
}

// function map () {
//   return function b () {
//     return '1'
//   }
// }
// map() // 1